<html>
    <head>
        <title>Login</title> 
        <script type="text/javascript"  lang="javascript">
            $(document).ready(function() {
                $("#login").validate({
                    errorElement: "em",
                    rules:{
                        usulogin: {
                            required: true
                        },
                        loginusupasswd: {
                            required: true
                        }
                    },
                    messages:{
                        usulogin: {
                            required:'Campo no puede ser vacio'
                        },
                        loginusupasswd: {
                            required: 'Campo no puede ser vacio'
                        }

                    }
                });
            });
            function enviar (){
                var b=$("#login").valid();
                if(b){
                    $("#login").submit();
                }
            }
    
            $(function(){
                $('#loginusupasswd').keypress(function(e){
                    if(e.which == 13){
                        enviar(); return false;
                    }
                });
            });
    
            $(document).ready(function(){
                $("#enviar").click(function() {
                    enviar();
                });
            });
    
            $(document).ready(function() {
                $("#contacto").validate({
                    errorElement: "em",
                    rules:{
                        usulogin: {
                            required: true
                        },
                        usupasswd: {
                            required: true,
                            minlength: 6
                        },confirmusupasswd: {
                            required: true,
                            minlength: 6,
                            equalTo: "#usupasswd"
                        },
                        usutelefono1: {
                            required: true,
                            number: true
                        }      ,
                        usucorreo: {
                            required: true,
                            email: true
                        }       
                    },
                    messages:{
                        usulogin: {
                            required:'Campo no puede ser vacio'
                        },
                        usupasswd: {
                            required: 'Campo no puede ser vacio',
                            minlength: 'Logitud Minima 6'
                        },confirmusupasswd: {
                            required: 'Campo no puede ser vacio',
                            minlength: 'Logitud Minima 6',
                            equalTo: 'Las contrase&ntilde;as no coinciden'
                        },
                        usutelefono1: {
                            required: 'Campo no puede ser vacio',
                            number: 'Digite solo numeros'
                        },
                        usucorreo: {
                            required: 'Campo no puede ser vacio',
                            email: 'Digite un correo valido'
                        }
                    }
                });
            });
            function registrar (){
                var b=$("#contacto").valid();
                var validacionPasswd = validarPassword();
                if(b){
                    if(validacionPasswd){
                        var fechaactual = new Date(); 
                        var usupasswdfechaven = sumarDiasAFechaAMD(fechaactual,90);
                        $("#usupasswdfechaven").val(usupasswdfechaven);
                        $("#contacto").submit();
                    }
                }
            }
    
            $(document).ready(function(){
                $("#registrar").click(function() {
                    registrar();
                });
            });


            function validarPassword (){
                var password = $("#confirmusupasswd").val();
                var passed = validatePassword(password, {
                    numeric:  1,
                    special:  1
                });
                if(!passed){
                    $("#errorpasswd").css("display","");            
                }else {
                    $("#errorpasswd").css("display","none");         
                }
                return passed;
            }

        </script>
        <?php
        include_once ("vista/VistaMensajes.php");
        ?>
    </head>
    <body>
        <div id="cabecera"> 
            <img src="css/images/arriba.jpg" id="arriba"/> 
            <div id="logueo">
                <form id="login" action="control/ControlUsuario.php" method="post">
                    <input type="hidden" id="opcion" name="opcion" value="login" />
                    <table>
                        <tr>
                            <td><label for="usulogin"><strong>Login:</strong></label></td>
                            <td><label for="loginusupasswd"><strong>Contrase&ntilde;a:</strong></label></td>
                            <td colspan="4" rowspan="3">           <?php
        // /* DESCOMENTAR PARA INGRESO  CON CAPCHA
        $publickey = "6LfGW9ISAAAAALlYMHdXNs2F3aLJLoR5pFsHuz7r";
        $privatekey = "6LfGW9ISAAAAAE15GNz0HhiH9Ycc0D2gLnHWjGjc";
        $error = null;
        echo recaptcha_get_html($publickey, $error); //*/
        ?></td>
                        </tr>
                        <tr>
                            <td><input type="text" id="usulogin" name="usulogin" value="<?php echo $_GET['lg']; ?>"/></td>
                            <td><input type="password" id="loginusupasswd" name="loginusupasswd"/></td>
                        </tr>
                        <tr>
                            <td><a href="vista/VistaRecuperarContrasena.php">Recuperar Contrase&ntilde;a</a></td>
                        </tr>
                    </table>
                   
                    <input type="button" value="Ingresar" id="enviar"><br/>
                    <?php
                    if (isset($_GET['lg'])) {
                        ?>  
                        <em class="error">Datos Incorrectos</em>    
                        <?php
                    }
                    ?>

                </form>
            </div>
        </div>
        <div id="registro">
            <form id="contacto" action="control/ControlUsuario.php" method="post">
                <input type="hidden" id="opcion" name="opcion" value="registrarempresa" />
                <input type="hidden" id="usupasswdfechaven" name="usupasswdfechaven" value="" />
                <fieldset> 
                    <legend>Registrar Empresa</legend>
                    <p><strong>Registre su empresa en 5 segundos</strong></p>
                    <p>
                        <label for="emprazonsocial">Razon social</label><br />
                        <input type="text" name="emprazonsocial" id="emprazonsocial">
                    </p>
                    <p>
                        <label for="usulogin">Login</label><br />
                        <input type="text" name="usulogin" id="usulogin">
                    </p>
                    <p>
                        <label for="usucorreo">Correo</label><br />
                        <input type="text" name="usucorreo" id="usucorreo">
                    </p>
                    <p>
                        <label for="usupasswd">Contrase&ntilde;a</label><br />
                        <input type="password" name="usupasswd" id="usupasswd" >
                    </p>
                    <p>
                        <label for="confirmusupasswd">Confirmar  contrase&ntilde;a</label><br />
                        <input type="password" name="confirmusupasswd" id="confirmusupasswd" onkeyup="validarPassword();">
                        <em class="error" style="display: none" id="errorpasswd">La contrase&ntilde;a debe tener minimo un numero y un caracter especial</em>
                    </p>
                    <p>
                        <input type="button" id="registrar" value="Registrar" />
                    </p>
                </fieldset>
            </form>
        </div>
    </body>
</html>